/*--------------------------初始化代码*/
/*清除默认的margin和padding*/
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, menu, nav, section,span{
  /*去掉默认边距*/ 
  margin: 0;
  padding: 0;
  /*内减模式*/
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
  /*去除移动端点击高亮效果*/ 
  -webkit-tap-highlight-color: transparent;
}

body {
  font-size: 14px;
  font-family:  'Microsoft Yahei','Courier New', Courier, monospace; /*后面全都是备胎*/
  color:#333;
  background-color: #ccc;
}

/*清除小圆点*/
ul {
  list-style: none;
}

/*清除a标签默认的下划线*/
a {
  text-decoration: none;
}

/*表格边框合并*/
table {
  border-collapse: collapse;
}

/*双伪元素清除法（清除浮动和解决塌陷，给父元素加）*/
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* 兼容 IE 67 */
.clearfix {
  *zoom: 1;
}

/*左浮动*/
.fl {
  float: left;
}

/*右浮动*/
.fr {
  float: right;
}
@media screen and (min-width:750px) {
  .mbuy-search{
    #search{
      width: 8.75rem /* 560/64 */;
    }
  }
}
// 公共样式
.mbuy-layout {
  min-width: 320px;
  max-width: 750px;
  height: 1800px;
  background-color: #eee;
  margin: 0 auto;
  /*--------------头部------------*/ 
  .mbuy-header {
    width: 100%;
    height: 1.5625rem /* 100/64 */;
    background-color: #ff841d;
    .logo {
      width: 5.796875rem /* 371/64 */;
      height: .78125rem /* 50/64 */;
      float: left;
      background:url('../images/header_logo.png') no-repeat;
      background-size: 5.796875rem .78125rem;
      margin-top: .359375rem /* 23/64 */;
      margin-left: .46875rem /* 30/64 */;
    }
    .app {
      width: 1.0625rem /* 68/64 */;
      height: 1.0625rem /* 68/64 */;
      float: right;
      background: url('../images/header_app.png') no-repeat;
      background-size: 1.0625rem 1.0625rem;
      margin-top: .21875rem /* 14/64 */;
      margin-right: .15625rem /* 10/64 */;
    }
  }
  // 搜索
  .mbuy-search{
    height: 1.59375rem /* 102/64 */;
    width: 100%;
    background-color: #fff;
    padding: .3125rem /* 20/64 */;
    input[type="search"]{
      float: left;
      width: 6.25rem /* 400/64 */;
      height: .9375rem /* 60/64 */;
      border: 0;
      outline: none;
      border-radius: .46875rem /* 30/64 */;
      background-color: #f1f1f1;
      font-size: .3125rem /* 20/64 */;
      padding-left: .9375rem /* 60/64 */;
      color: #000;
    }
    input[type="button"] {
      float: right;
      height: .9375rem /* 60/64 */;
      width: 2rem /* 128/64 */;
      border-radius: .46875rem /* 30/64 */;
      background-color: #ff841d;
      border: none;
      color: #fff;
      font-size: .375rem /* 24/64 */;
    }
  }
  //底部
  .mbuy-footer {
    background-color: #efefef;
    ul {
      width: 100%;
      height: 1.0625rem /* 68/64 */;
      border-top: 1px solid #c5c5c5;
      border-bottom: 1px solid #c5c5c5;
      margin-top: .78125rem /* 50/64 */;
      margin-bottom: .5625rem /* 36/64 */;
      li {
        width: 33.33%;
        height: 1.0625rem /* 68/64 */;
        float: left;
        text-align: center;
        line-height: 1.0625rem /* 68/64 */;
        font-size: .40625rem /* 26/64 */;
        border-right: 1px solid #c5c5c5;
      }
      li.goTop{
        border-right: none;
        img {
          position: relative;
          top: -3px;
          width: .46875rem /* 30/64 */;
          vertical-align: middle;
        }
      }
    }
    p {
      text-align: center;
      font-size: .375rem /* 24/64 */;
      color: #666;
      .mobile {
        color: red;
      }
    }
  }
}